<nz-breadcrumb>
  <nz-breadcrumb-item>首页</nz-breadcrumb-item>
  <nz-breadcrumb-item>待选课程</nz-breadcrumb-item>
</nz-breadcrumb>

<app-features
  [listOfAllData]="listOfBakData"
  [mapOfCheckedId]="mapOfCheckedId"
  (searched)="onSearched($event)"
></app-features>

<nz-table
  #basicTable
  [nzData]="listOfAllData"
  (nzCurrentPageDataChange)="currentPageDataChange($event)"
>
  <thead>
    <tr>
      <th
        nzShowCheckbox
        [(nzChecked)]="isAllDisplayDataChecked"
        [nzIndeterminate]="isIndeterminate"
        (nzCheckedChange)="checkAll($event)"
      ></th>
      <th>课程名称</th>
      <th>课程号</th>
      <th>上课时间</th>
      <th>余量</th>
      <th>开课教师</th>
    </tr>
  </thead>

  <tbody>
    <tr *ngFor="let data of basicTable.data">
      <td
        nzShowCheckbox
        [(nzChecked)]="mapOfCheckedId[data.no]"
        (nzCheckedChange)="refreshStatus()"
        [nzDisabled]="!data.residue"
      ></td>
      <td>{{ data.name }}</td>
      <td>{{ data.no }}</td>
      <td>{{ data.time }}</td>
      <td>{{ data.residue }}</td>
      <td>{{ data.teacher }}</td>
    </tr>
  </tbody>
</nz-table>
